@charset "utf-8";
/*新闻详情*/
.content{
	width: 1200px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-family: "微软雅黑";
}

.content_left{
	width:930px;
	float:left;
}

.content_left .title{
	text-align: center;
	line-height: 20px;
	border-bottom: 1px solid #ccc;
	padding:10px 0px;
	font-size: 12px;
}

.red{color:red;}

.content_left .title h1{padding:10px 10px;}

.content_left .art{padding: 15px; line-height: 18px; font-size: 14px;border-bottom: 1px solid #ccc;}

.content_left .artPage{padding: 10px 0px;}

.content_left .artPage p{line-height: 25px;}

.content_left .artPage p a:link,a:visited{color:#000;}
.content_left .artPage p a:hover{color:blue;}


.content_right{
	width:220px;
	float:right;
}

.content_right .arttop{
	border: 1px solid #CCC;
	border-top: 2px solid #9a1a17;
	overflow: hidden;
	
}

.content_right .arttop .tit{
	position: relative;
  width: 100%;
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #ccc;
  background: #fafafa;
}

.content_right .arttop .tit h4{ 
	float: left;
  padding-left: 12px;
  font-size: 16px;
  font-family: 'microsoft yahei';
  font-weight: normal;
  color: #333;
}

.content_right .top_list ul{
	width:218px;
	  display: block;
  float: left;
  padding: 10px 10px;
  border: 1px solid #ccc;
  border-top: 2px solid #e8efe5;
} 

.content_right .top_list ul li{
	font-family: 'microsoft yahei';
	font-size: 14px;
	padding:5px 0px;
}

.lietu3 {
  border: 1px solid #e6e6e6;
  float: left;
  background: #f6f6f6;
}
/*栏目推荐开始*/
.lmtui{ width:720px; height:217px; margin:15px auto auto auto;}
.lmtui1{ width:700px; height:40px;}
.lmtui1 li{ text-align:center; width:720px; line-height:40px;}
.lmtui1 li a{ font-size:14px; color:#000; font-weight:bold;}
.lmtui2{ width:700px; height:177px; background:#FFF; margin: 0 auto;}
.lmtui2a{ width:215px; height:156px; float:left; margin:15px 8px 8px 8px;}
.lmtui2b{ width:430px; height:154px; float:right; margin:15px 6px 6px 6px;}
.lmtui2b1{ width:430px; padding-top:8px; height:114px; line-height:22px; color:#666666;}
.lmtui2b1 li{ color:#666666;}
.lmtui2b1 a{ color:red;}
.lmtui2b2{ width:313px; padding-left:120px; height:30px;}
/*栏目推荐结束*/

/*文字列表开始*/
.wendi{width:695px; margin-top:20px; height:161px; background:url(../images/wendi.jpg) no-repeat; margin:15px 0 8px 15px;}
.wendi1{ width:655px; height:35px; padding-left:33px;}
.wendi1 li{ line-height:35px;}
.wendi1 li a{  color:#535353;}
.wendi2{ width:650px; height:115px; padding:8px;}
.wendi2 li{ line-height:25px; color:#666666;}
.wendi2 li a{ color:red;} 
/*文字列表结束*/

/**
*文章列表
*/
.news-list {
  margin-bottom: 30px;
  padding-bottom: 30px;
 }

 .news-list li{height:220px; border-bottom: 1px solid #ccc;}
 .news-list li .left{width:220px; height:200px; float: left; padding-top:20px;}
 .news-list li .right{width:700px; height:220px; float: right;}

 .news-list h4 {
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news-list p {
  font-size: 16px;
  color: #333;
  line-height: 32px;
  margin-bottom: 0;
}

.ne-bo {
  margin-top: 15px;
  color: #999;
}
.pull-left {
  float: left!important;
}

.pull-right {
  float: right!important;
}

.news-list .pull-left a {
  border: 1px solid #CCC;
  border-radius: 5px;
  color: #A0A0A0;
  padding: 2px 10px;
}

.pagination {
  margin: 0 auto;
  width:740px;
}

.pagination ul {
  display: inline-block;
  margin: 0 auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.pagination ul>li {
  display: inline;
  line-height: 20px;
}

.pagination ul>li>a, .pagination ul>li>span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #dfdfdf;
  border: 1px solid transparent;
  border-left-width: 0;
    margin-right: 6px;
}

.pagination ul>li>a:hover,.pagination ul>li>span{
	background-color: red;
	color:#fff;
}

.hot-range {
  margin-bottom: 40px;
}

.hot-range h3 {
  margin-bottom: 15px;
  margin-top: 30px;
  font-size: 24px;
}

strong {
  font-weight: 700;
}

.hotl-item {
  font-size: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hot-xie {
  font-style: italic;
  width: 20px;
  display: inline-block;
}

.video{padding-bottom: 30px; float: left;}

.box-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 99;
	display: none;
}

.box {
	position: absolute;
	width: 500px;
	height: 390px;
	line-height:390px;
	text-align: center;
	z-index: 101;
	display: none;
}
.demo{width:100%; height:100%;margin:0 auto;}
.btnCancel{  float: right;
  z-index: 1000;
  position: absolute;
  right: -30px;
  top: -25px;}

.index_video_li {
  position: relative;
  float: left;
  width: 373px;
  height: 230px;
  margin-top: 36px;
  margin-right: 40px;
  background-color: #000000;
  overflow: hidden;
  cursor: pointer;
  border-radius: 5px;
}

.index_video_li img {
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: opacity 0.3s;
  -webkit-transition-duration: opacity 0.3s;
  -moz-transition-duration: opacity 0.3s;
  width: 100%;
}

.index_video_title {
  position: absolute;
  width: 97%;
  height: 31px;
  line-height: 31px;
  padding-left: 3%;
  bottom: 0;
  font-size: 12px;
  background-color: rgb(50, 50, 50);
  background-color: rgba(50, 50, 50, 0.8);
  color: #d5d5d5;
  z-index: 99;
}

.index_video_play {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  background: url(../images/video_play.png) center center no-repeat;
}

.index_product {
  position: relative;
  width: 279px;
  height: 460px;
  margin-top: 80px;
  padding-right: 20px;
  margin-left: 20px;
  float: left;
  text-align: center;
  border-right: 1px solid #ddd;
}

.index_product div {
  width: 100%;
  height: 325px;
}

.index_product .index_producttitle {
  line-height: 150%;
  font-size: 20px;
  color: #000;
}

.index_product .index_productmessage {
  font-size: 12px;
  line-height: 180%;
  color: #000;
}

.index_title {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 26px;
  color: #333333;
}


.news_column{
	position:relative; 
	width:373px; 
	height:280px;  
	float:left; 
	padding:30px 19px 30px 0;
	margin-right:19px; 
	border-right:1px solid #cbcbcb;  
}

.news_div{
	position:relative ;   
	margin-top:29px;
}
.news_title{
	width:260px;  
	font-size:14px;
	color:#000;
	
}
.news_date{
	margin-top:5px; 
	font-size:12px;
}
.news_title:hover{
	color:#0063af;
}
.news_lanmu{
	top:15px;
	font-size:22px;
	color:#000;
}
.news_lanmu:hover{
	color:#0063af;
}


#main {
  width: 100%;
  height: 600px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}

#main .boxbanner {
  max-width: 1920px;
  height: 600px;
  box-shadow: 0px 0px 5px #ddd;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
}

#main .boxbanner img {
  z-index: -5;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: calc((960px - (100% / 2))* -1);
  top: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
}

#main .pagebox {
  width: 100%;
  position: absolute;
  bottom: 15px;
  height: 22px;
  z-index: 100;
}

#main .page {
  width: 132px;
  height: 22px;
  margin: 0 auto;
}

#main .page a {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../images/choice.png) no-repeat 0px 0px;
  margin: 0px 11px;
  float: left;
  color: #FFF;
  text-decoration: none;
  text-align: center;
}

#main  .page a.active{background:url(../images/nochoice.png) no-repeat 0px 0px;}
#pageexpo{position: absolute;left:0;top:170px;width:100%;height:500px;}
#pageexpo dl{opacity: 0}
.expo{width: 960px;margin:0 auto;color: #fff;position: relative;}
.expo dl{position: absolute;left:0;top:0;width: 334px}
.expo dt{font-size: 55px;}
.dd1{font-size: 48px;}
.dd2{font-size: 28px}
.dd3{margin-top:38px;font-size: 28px;border:solid 1px #d0cecc;width:143px;height:45px;text-align:center;border-radius: 5px}
.dd3 a{color:#fff;}
.expo dt,.dd1,.dd2,.dd3{text-shadow:1px 1px 20px #000;}


.zp-list{width:1200px;}
.zp-list li{width:1180px; float: left; padding: 10px; border-bottom: 1px solid #ccc;line-height: 20px;}